<template>
  <view class="container">
    <!-- 垃圾回收页面 -->
    <view class="top">
      <image src="https://picx.zhimg.com/v2-2b245d8f155bc16cc9b80065639e3e81_1440w.jpg?source=172ae18b" mode=""></image>
    </view>
    <u-cell size="large" title="当前城市(眉山市)"></u-cell>
    <view class="text">
      <span v-if="cityDoctor.length ==0">暂无数据</span>
    </view>

    <u-cell size="large" title="当前社区(红星社区)"></u-cell>
    <view class="text">
      <span v-if="communityDoctor.length==0">暂无数据</span>
    </view>


  </view>
</template>

<script>
  export default {
    data() {
      return {
        cityDoctor: [],
        communityDoctor: []
      };
    }
  }
</script>

<style lang="scss" scoped>
  .container {
    .top {
      height: 150px;
      width: 100%;

      image {
        display: block;
        height: 100%;
        width: 100%;
      }
    }

    .text {
      min-height: 150px;
      border-bottom: 1px solid #eee;
      text-align: center;
      line-height: 150px;
      span{
        font-size: 18px;
        color: #c8c9cc;
        font-weight: 800;
      }
    }
  }
</style>